<!--  -->
<template>
  <div class="home-center-top-wrapper" ref="mapWrapper">
      <mapChart ref="mapChart" :params="dataSet.centerTop ? dataSet.centerTop : []"></mapChart>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import mapChart from '../../../components/common/mapChartWrapper'
export default {
  name: '',
  components: { mapChart},
  data() {
    return {
      
    }
  },
  computed: {
    ...mapState(['dataSet'])
  },
  watch: {},
  created() {
  },
  mounted() {},
  methods: {
    init() {
      let tl = new TimelineMax({})
      let mapWrapper = TweenMax.to(this.$refs.mapWrapper, 0.3, { opacity: 1 })
      tl.addLabel('start')
        .add(mapWrapper, 'start+=0')
        .add(this.$refs.mapChart.init(), 'start+=0.1')
      return tl
    },
    handleData() {
    },
  }
}
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
.home-center-top-wrapper {
  width: 100%;
  height: 100%;
  opacity: 0;
}


</style>
